<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>管理信息系统课程设计 | MISP</title>
    <#include "/inc/head.ftl"/>
    <@head/>
</head>

<body>
    <div id="wrapper">
            <!-- /.row -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <table width="100%" class="table table-striped table-borderdetailed table-hover" id="list">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>菜品名</th>
                                        <th>份量</th>
                                        <th>单价</th>
                                        <!--  <th>餐桌信息</th> -->
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                            <!-- /.table-responsive -->
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-12 -->
            </div>
        </div>
        <!-- /#page-wrapper -->
    </div>
    <!-- /#wrapper -->
    <!-- Page-Scripts  -->
    <script>
          $(document).ready(function() {
              var id =${(orderList.id)!};
            	var table = $('#list').DataTable({   //此处list与页面table的id相同
                	ajax: '${contextPath}/orderList/detail1?id=' + id,
                	language: {
            			"url": "${contextPath}/vendor/datatables/i18n/Chinese.json"   //datatables国际化
        			}, 
                    columns: [
                         {data: "id","visible" : false},
                        {data: "commodityName"},
                        {data: "qty"},
                        {data: "price"}
                    ],
                   responsive: true,
                   select: true //datatables select 插件
                });

            
            

            
            
       

        });
    </script>
</body>
</html>